<template>
    <div class="sideNav" >
        <el-row class="tac">
            <el-col>
                <el-menu
                    default-active="2"
                    class="el-menu-vertical-demo height"
                    background-color="#545c64"
                    text-color="#fff"
                    active-text-color="#ffd04b"
                >
                    <el-menu-item v-for="(item, index) in list" :key="index"  @click="$router.push(item.path)">
                        <i :class="item.icon"></i>
                        <span slot="title">{{item.name}}</span>
                    </el-menu-item>
                </el-menu>
            </el-col>
        </el-row>
    </div>
</template>

<script>


export default {
    name: "SideNav",
    data() {
        return {
            list:[
                {name:'用户', path:'/ycwAdmin/main/user', icon:'el-icon-s-custom'},
                {name:'景区', path:'/ycwAdmin/main/attraction',icon:'el-icon-map-location'},
                {name:'产品', path:'/ycwAdmin/main/product',icon:'el-icon-box'},
                {name:'房间', path:'/ycwAdmin/main/room',icon:'el-icon-house'},
                {name:'轮播图', path:'/ycwAdmin/main/carousel',icon:'el-icon-picture'},
                {name:'优惠券', path:'/ycwAdmin/main/coupon',icon:'el-icon-files'},
                {name:'站内信', path:'/ycwAdmin/main/message',icon:'el-icon-chat-round'},
                {name:'管理人员', path:'/ycwAdmin/main/admin',icon:'el-icon-user'},
            ]
        }
    },
     methods: {
     
    }
};
</script>

<style lang="scss" scoped>
    .sideNav{
        .tac{
            .height{
                padding-bottom: 9999px;

            }
        }
    }
</style>